<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>found</title>
  <!-- 引入bootstrap框架文件 -->
  <link rel="stylesheet" href="./assets/css/bootstrap.min.css">
  <!-- 引入animate.css文件 -->
  <link rel="stylesheet" href="./assets/css/animate.min.css">
  <!-- 引入初始化文件 -->
  <link rel="stylesheet" href="./assets/css/reset.css">
  <!-- 引入公共样式 -->
  <link rel="stylesheet/less" href="./assets/css/common.less">
  <!-- 引入index本页样式 -->
  <link rel="stylesheet/less" href="./assets/css/found.less">

</head>

<body>
  <!-- header -->
  <header class="header">
    <div class="back">
      Back
    </div>
    <div class="found">
      发现
    </div>
    <div class="dropdown">
      <button id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        广州市
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu" aria-labelledby="dLabel">
        <li>北京市</li>
        <li>上海市</li>
        <li>深圳市</li>
      </ul>
    </div>
  </header>

  <!-- search -->
  <div class="search">
    <div class="ipt">
      <input type="text" placeholder="请输入商品名称">
      <span class="glyphicon glyphicon-search"></span>
    </div>
    <div class="hot-search">
      <div class="title">
        <h3>大家都在搜</h3>
      </div>
      <div class="mork">
        <div class="item">寿司</div>
        <div class="item">羽毛球</div>
        <div class="item">火锅</div>
        <div class="item">游泳馆</div>
        <div class="item">电影</div>
        <div class="item">周黑鸭</div>
        <div class="item">KTV</div>
        <div class="item">肯德基</div>
      </div>
    </div>
  </div>


  <!-- box -->
  <div class="box">
    <div class="hot">
      <div class="title">
        <div class="left">
          <span>
            <img src="./assets/images/found-hot.png" alt="">
          </span>
          <h2>热门搜索</h2>
        </div>
        <div class="right">
          <h4>更多</h4>
          <span>
            <img src="./assets/images/more.png" alt="">
          </span>
        </div>
      </div>
      <div class="content">
        <div class="left">
          <img src="./assets/images/found-hot-bg1.png" alt="">
        </div>
        <div class="right">
          <div class="top">
            <img src="./assets/images/found-hot-bg2.png" alt="">
          </div>
          <div class="bottom">
            <div class="hot1">
              <img src="./assets/images/found-hot-bg3.png" alt="">
            </div>
            <div class="hot2">
              <img src="./assets/images/found-hot-bg4.png" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="xin">
      <div class="title">
        <div class="left">
          <span>
            <img src="./assets/images/found-xin.png" alt="">
          </span>
          <h2>推荐搜索</h2>
        </div>
        <div class="right">
          <h4>更多</h4>
          <span>
            <img src="./assets/images/more.png" alt="">
          </span>
        </div>
      </div>
      <div class="content">
        <div class="one">
          <img src="./assets/images/found-xin-bg1.png" alt="">
        </div>
        <div class="one">
          <img src="./assets/images/found-xin-bg2.png" alt="">
        </div>
        <div class="one">
          <img src="./assets/images/found-xin-bg3.png" alt="">
        </div>
      </div>
    </div>
  </div>

  <div class="box">
    <div class="hot">
      <div class="title">
        <div class="left">
          <span>
            <img src="./assets/images/found-hot.png" alt="">
          </span>
          <h2>热门搜索</h2>
        </div>
        <div class="right">
          <h4>更多</h4>
          <span>
            <img src="./assets/images/more.png" alt="">
          </span>
        </div>
      </div>
      <div class="content">
        <div class="left">
          <img src="./assets/images/found-hot-bg1.png" alt="">
        </div>
        <div class="right">
          <div class="top">
            <img src="./assets/images/found-hot-bg2.png" alt="">
          </div>
          <div class="bottom">
            <div class="hot1">
              <img src="./assets/images/found-hot-bg3.png" alt="">
            </div>
            <div class="hot2">
              <img src="./assets/images/found-hot-bg4.png" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="xin">
      <div class="title">
        <div class="left">
          <span>
            <img src="./assets/images/found-xin.png" alt="">
          </span>
          <h2>推荐搜索</h2>
        </div>
        <div class="right">
          <h4>更多</h4>
          <span>
            <img src="./assets/images/more.png" alt="">
          </span>
        </div>
      </div>
      <div class="content">
        <div class="one">
          <img src="./assets/images/found-xin-bg1.png" alt="">
        </div>
        <div class="one">
          <img src="./assets/images/found-xin-bg2.png" alt="">
        </div>
        <div class="one">
          <img src="./assets/images/found-xin-bg3.png" alt="">
        </div>
      </div>
    </div>
  </div>


  <!-- foot -->
  <div class="foot">
    <a class="item" href="index.html" target="_self">
      <div class="icon">
        <img src="./assets/images/homed.png" alt="">
      </div>
      <div class="name">首页</div>
    </a>
    <a class="item" href="classification.html" target="_self">
      <div class="icon">
        <img src="./assets/images/classification.png" alt="">
      </div>
      <div class="name">分类</div>
    </a>
    <div class="item">
      <div class="icon">
        <img src="./assets/images/founded.png" alt="">
      </div>
      <div class="name">发现</div>
    </div>
    <a class="item" href="mine.html" target="_self">
      <div class="icon">
        <img src="./assets/images/mine.png" alt="">
      </div>
      <div class="name">我的</div>
    </a>
  </div>
</body>

</html>
<!-- 引入less.js 文件 -->
<script src="./assets/js/less.min.js"></script>
<!-- 引入jquery文件 -->
<script src="./assets/js/jquery.js"></script>
<!-- 引入bootstrap.js文件 -->
<script src="./assets/js/bootstrap.min.js"></script>
<!-- 引入wow.js文件 -->
<script src="assets/js/wow.min.js"></script>
<!-- 实例化wow -->
<script>
  new WOW().init();
</script>